/*window.onload=function(){
            	let all=document.querySelectorAll(".myContent *");
                for(const key in all){
                    	if(all[key]!=null)
                        {
                            all[key].style.transition="all 1s 0s ease";
                            all[key].style.transform="scale(1)";
                            all[key].style.opacity=1;
                            }
                    }
            }
            */
let cursor = document.createElement("div");
cursor.style.cssText = "pointer-events:none;width:13px;height:13px;background-color:lightblue;border-radius:50%;position:fixed;top:100px;left:100px;opacity:0;transform:translate(-50%,-50%);z-index:999;";
document.body.appendChild(cursor)
document.body.addEventListener("touchstart", function (e) {
    cursor.style.opacity = "1";
    cursor.style.top = e.touches[0].clientY + "px";
    cursor.style.left = e.touches[0].clientX + "px";
}, {passive: true})
document.body.addEventListener("touchend", function () {
    cursor.style.opacity = "0";
}, {passive: true})
document.addEventListener("mousedown", function (e) {
    cursor.style.transition = "none";
    cursor.style.opacity = "1";
    cursor.style.top = e.clientY + "px";
    cursor.style.left = e.clientX + "px";
})

document.addEventListener("mouseup", function (e) {
    cursor.style.opacity = "0";
    cursor.style.transition = "opacity 1s 0s ease-out";
})